// components/filter/filter.js
Page({
    /**
     * 页面的初始数据
     */
    behaviors: [],

    properties: {
      fenlei:String
    },

    data: {
      list:[],
      isShow:true,
      isShowkey:false,
      inputValue: '',
      search:[
       "羊肉","猪肉"
      ],//存放历史记录
      search1:[
       "蛋类",  "瓜果"
     ],
    }, // 私有数据，可用于模版渲染
  
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    attached: function () { },
    moved: function () { },
    detached: function () { },
  
    onclick(){
      wx.switchTab({
        url: '../classify/classify',
      })
    },
  //跳转详情
  shopDetail(e){ 
      console.log(e);
    //   let {item}=e.currentTarget.dataset;
    
    //   let params ={
    //       img:item.img,
    //       title:item.title,
    //       price:item.price,
    //   }
    //   const param =encodeURIComponent(JSON.stringify(params));
    //    console.log(param);
    //   wx.navigateTo({
    //     url:`../shopDetail/shopDetail?obj=${param}`
    //   })
    },
    onChange(e){
     if(e.detail.value){
      var that =this
      wx.showLoading({title: '正在加载', icon: 'loading', duration: 1500});
      let sea = that.data.search;
        sea.unshift(e.detail.value)
  
      that.setData({isShowkey:true,isShow:false,search:sea,inputValue:e.detail.value})
      wx.request({
        url: 'http://localhost:6060/filter', // 仅为示例，需填写自己服务器的地址
        data: {
          val:e.detail.value
        },
        header: {//请求头
          'content-type': 'application/json' // 默认值
        },
        method:"POST",
        success(res) {
            //打印到控制
        console.log(res.data);
        let arr=  res.data.map((item)=>{
          return {
            id:item.id,
            name:item.name,
            list:JSON.parse(item.list)
          }
        })
        that.setData({list:arr})
     }
    })
     }else if(e.detail.value==""){
      this.setData({isShowkey:false,isShow:true})
     }
    },
    onclickName(e){
    let that=this
  
     console.log(that.data.inputValue);
     //动画
     wx.showLoading({title: '正在加载', icon: 'loading', duration: 1500});
     this.setData({isShowkey:true,isShow:false,inputValue:e.target.dataset.item})
     wx.request({
      url: 'http://localhost:6060/filter', // 仅为示例，需填写自己服务器的地址
      data: {
        val:e.target.dataset.item
      },
      header: {//请求头
        'content-type': 'application/json' // 默认值
      },
      method:"POST",
      success(res) {
          //打印到控制
      console.log(res.data);
      let arr=  res.data.map((item)=>{
        return {
          id:item.id,
          name:item.name,
          list:JSON.parse(item.list)
        }
      })
      that.setData({list:arr})
   }
  })
    },
    onclickName1(e){
      let that=this
      this.setData({isShowkey:true,isShow:false,inputValue:e.target.dataset.item})
      //动画
      wx.showLoading({title: '正在加载', icon: 'loading', duration: 1500});
      wx.request({
       url: 'http://localhost:6060/filter', // 仅为示例，需填写自己服务器的地址
       data: {
         val:e.target.dataset.item
       },
       header: {//请求头
         'content-type': 'application/json' // 默认值
       },
       method:"POST",
       success(res) {
           //打印到控制
       console.log(res.data);
       let arr=  res.data.map((item)=>{
         return {
           id:item.id,
           name:item.name,
           list:JSON.parse(item.list)
         }
       })
       that.setData({list:arr})
    }
   })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      var that=this
      wx.request({
        url: 'http://localhost:6060/list', // 仅为示例，需填写自己服务器的地址
        data: {},
        header: {//请求头
          'content-type': 'application/json' // 默认值
        },
        method:"GET",
        success(res) {
            //打印到控制
         let arr=  res.data.map((item)=>{
              return {
                id:item.id,
                name:item.name,
                list:JSON.parse(item.list)
              }
            })
            that.setData({listBox:arr})
     }
    })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})